﻿<!DOCTYPE HTML>

<html>

<head>
	<title>HTML Fundamentals: Task3</title>
	<meta http-equiv="content-type" 
		content="text/html;charset=utf-8" />
		<link rel="stylesheet" type="text/css" href="styles.css" />
		<script src="http://code.jquery.com/jquery-latest.js"></script>
		<SCRIPT src="script.js" type="text/javascript" language="JavaScript"> </script>
</head>

<body>
	<div id="content">
		<h2 id="title" class="rounded">Twitter-Like Web Chat</h2>
			<div id="chatPanel">
				<span class="leftFloat" id="leftPanel">
					<h2 id="selectedChannel" class="purple"></h2>
					<div id="messagesContainer">
					</div>
					<form id="controls" class="purple">
						<span class="postMessage">Post a message:</span>
						<input type ="text" id ="postMessageField"/>
						<input type = "button" class="orangeStyle" id="submitMessage" value="Post"/>
					</form>
				</span>
				
				<span id="channels" class="leftFloat">
					<h2 class="purple" id="channelInfo">Channels</h2>
					<ul id="channelsArea" class="purple">
					</ul>
					<button id="resetChannel" class="orangeStyle">Reset Channel</button>
				</span>
			</div>
		<div class="clear"></div>
		<h3 id="footer" class="rounded">&copy; Telerik Academy, 2011</h3>
	</div>
</body>
</html>